<template>
  <div>
    <div class="mb-2">
      <a-input-number v-model="props.config.times" :placeholder="t['次数']">
        <template #prefix>
          <div>{{ t["次数"] }}</div>
        </template>
      </a-input-number>
    </div>
    <div>
      <a-select
        v-model="props.config.color"
        :options="translateOptions(lightColor)"
        :placeholder="t['颜色']"
      >
        <template #prefix>
          <div>{{ t["颜色"] }}</div>
        </template>
      </a-select>
    </div>
  </div>
</template>

<script setup lang="ts">
import { lightColor } from "@/data/options/selection";

const t = translate("公共模块");

const props = defineProps<{
  config: {
    times: number;
    color: string;
  };
}>();
</script>

<style lang="scss" scoped></style>
